﻿/*网站基础样式*/
@charset "utf-8";

/*分页页码样式*/
.pagination {display: inline-block;padding-left: 0;margin: 80px 0 20px;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.pagination > li > a, .pagination > li > span {position: relative;/*float: left;*/padding: 6px 12px;line-height: 1.42857143;text-decoration: none;color:#666;border: 1px solid #ddd;margin-left: -1px;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index: 3;color: #fff;background-color: #666;border-color: #666;cursor: default;}

.text-overflow-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-avg-5, .col-md-avg-4, .col-md-avg-3, .col-md-avg-2, .col-md-avg-1 
    {
        float: left;
    }
  .col-md-12 {width: 100%;}
  .col-md-11 {width: 91.66666667%;}
  .col-md-10 {width: 83.33333333%;}
  .col-md-9 {width: 75%;}
  .col-md-8 {width: 66.66666667%;}
  .col-md-7 {width: 58.33333333%;}
  .col-md-6 {width: 50%;}
  .col-md-5 {width: 41.66666667%;}
  .col-md-4 {width: 33.33333333%;}
  .col-md-3 {width: 25%;}
  .col-md-2 {width: 16.66666667%;}
  .col-md-1 {width: 8.33333333%;}
}
@media (min-width: 768px) and (max-width:992px){
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-avg-5, .col-sm-avg-4, .col-sm-avg-3, .col-sm-avg-2, .col-sm-avg-1 
    {
        float: left;
    }
  .col-sm-12 {width: 100%;}
  .col-sm-11 {width: 91.66666667%;}
  .col-sm-10 {width: 83.33333333%;}
  .col-sm-9 {width: 75%;}
  .col-sm-8 {width: 66.66666667%;}
  .col-sm-7 {width: 58.33333333%;}
  .col-sm-6 {width: 50%;}
  .col-sm-5 {width: 41.66666667%;}
  .col-sm-4 {width: 33.33333333%;}
  .col-sm-3 {width: 25%;}
  .col-sm-2 {width: 16.66666667%;}
  .col-sm-1 {width: 8.33333333%;}
}

@media (max-width: 767px){
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-avg-5,.col-xs-avg-4,.col-xs-avg-3,.col-xs-avg-2,.col-xs-avg-1 
{
    float: left;
}
  .col-xs-12 {width: 100%;}
  .col-xs-11 {width: 91.66666667%;}
  .col-xs-10 {width: 83.33333333%;}
  .col-xs-9 {width: 75%;}
  .col-xs-8 {width: 66.66666667%;}
  .col-xs-7 {width: 58.33333333%;}
  .col-xs-6 {width: 50%;}
  .col-xs-5 {width: 41.66666667%;}
  .col-xs-4 {width: 33.33333333%;}
  .col-xs-3 {width: 25%;}
  .col-xs-2 {width: 16.66666667%;}
  .col-xs-1 {width: 8.33333333%;}
}
/*.visible-md{display: none !important;}*/

@media (min-width: 993px){
    .visible-md{display: block !important;}
    .hidden-md{display: none !important;}
}
@media (min-width: 768px) and (max-width:992px){
    .visible-sm{display: block !important;}
    .hidden-sm{display: none !important;}
}
@media (max-width: 767px){
    .visible-xs{display: block !important;}
    .hidden-xs{display: none !important;}
}


.font-size-13{font-size:13px!important;}
.text-grayLight{color: #cccccc;}
.text-gray{color: #999;}
.text-grayDark {color: #666;}
.padding-right-20 {padding-right: 20px}
.padding-bottom-30{padding-bottom:30px;}
.padding-left-30{padding-left:30px;}
.padding-top-50 {padding-top: 50px!important;}
.padding-top-10 {padding-top: 10px;}
.padding-top-30 {padding-top: 30px;}
.padding-bottim-30{padding-bottom: 30px;}
.padding-10{padding:10px;}
.margin-top-30{margin-top:30px;}
.margin-bottom-30{margin-bottom:30px;}
.position-relative{position:relative;}
.line-height-2{line-height:2;}
.line-height-2-5{line-height:2.5;}
.text-center{text-align:center;}
.text-left{text-align:left;}



/*公共样式*/
.card1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.card3{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;height: 80px;}

/*子栏目样式*/
.sub-nav-box {clear: both;position: relative;}

.sub-nav-box .sub-nav{clear:both;text-align:left;margin-bottom:20px;width:100%;overflow:visible;background:#fafafa;}
.sub-nav-box .sub-nav li{width:100%;padding:0px;text-align:left;position:relative;display:block;}
.sub-nav-box .sub-nav li a{display:block;padding-left:25px;line-height:54px;font-size:14px;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";border-bottom:1px #ececec solid;font-size:15px}
.sub-nav-box .sub-nav li a:hover{color:#d00;}
.sub-nav-box .sub-nav li ul{display:none}
.sub-nav-box .sub-nav li ul li a{padding-left:55px;}
.sub-nav-box .sub-nav li ul li ul li a{padding-left:85px}

.sub-nav-box li .arrow{position:absolute;right:0px;top:0px;width:54px;height:54px;line-height:54px; text-align:center;transition-duration:0.1s;cursor:pointer}
.sub-nav-box li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.sub-nav-box .sub-nav li.current > a{color:#d00;}
.sub-nav-box .sub-nav li.active > ul{display:block}
.sub-nav-box .sub-nav li.active > .arrow{transform:rotate(90deg)}

/*图片列表*/
.images-list li .item a{display:block;overflow:hidden;}
.images-list li .item img{display:block;width:100%;height:auto;transition: all 0.3s ease-out 0s;}
.images-list li .item a:hover img{transform:scale(1.1,1.1);}

/*移动端固定栏目按钮*/
.float-nav-toggle{display: block;text-align: center;position: fixed;left: 6px;bottom: 60px;color: #fff;font-size: 18px;width: 40px;height: 40px;line-height: 40px;background-color: rgba(13, 13, 13, 0.6);border-radius: 20px;z-index: 9;}
@media (max-width: 767px) {.display-xs-block {display: block !important;}}

/*手机端固定导航栏*/
.footer-fixed{position:fixed;left:0;bottom:0;overflow:hidden;width:100%;padding:6px 0px 2px;color:#fff;z-index:8;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-top: 0.01rem solid #000;background: #fff;}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;text-align: center;}
.footer-fixed ul li a{width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size: 13px;}
.footer-fixed ul li p{font-size:1.3rem;}
.footer-fixed.active{transform:translateX(2.8rem);z-index:9;}
.footer-fixed2{font-size: 2.8rem;padding-top: 0.6rem;}
.footer-fixed i{display:block;}
.footer-fixed .fa{font-size:22px;}
@media (min-width:1000px){.footer-fixed{display:none!important;}}

/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:100;top: 0;left: 0;}
.mask-bg.active{display:block;}

/*MENU*/
@media (min-width:1000px){/*pc端*/
.nav-bg{background-color: #204c97;}
.nav{width: 100%;}
.nav>ul>li{display:inline-block;text-align:center;line-height:44px;width: 12.5%;height:70px;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{font-size:16px;display: block;width: 100%;transition:0.1s linear;height: 70px;line-height: 70px;color:#fff;}
.nav >ul>li:hover > a,.nav >ul>li.current > a{background-color:#dd0000;color:#fff;}
.nav li:hover> ul{display:block;}
.nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:15px;line-height:50px} 
.nav ul li ul li a:hover{text-decoration:none;color:#fff;background:#dd0000;}

.nav ul li{position:relative;}      
.nav ul li .arrow{display:none}
.nav ul > li > ul{background-color:rgba(0, 0, 0, 0.65);display:none;position:absolute;left:0;z-index:2;width:150px}
.nav ul li ul li ul{background-color:rgba(0, 0, 0, 0.65);display:none;position:absolute;left:150px;top:0px;z-index:2;width:150px} /*二级ul样式*/

.nav>ul>li::before{content: '';border-right: 1px solid #919191;height: 20px;display: block;position: absolute;top: 25px;right: 0;}

}

@media (max-width:1000px){/*移动端*/

.nav{position:fixed;z-index:999;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;background-color:rgba(168, 169, 176, 0.13)}
.nav ul li ul li ul li a{padding-left:80px;}
.nav ul li ul li ul li li a{padding-left:100px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.nav ul li.current > a{color:#5a342b;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}

.sub-nav-box .sub-nav ul li{width: 50%!important;margin-left: 0!important;}
.wenmenu{position: absolute;right: 0;top: 10px;width: 60px;height: 60px;text-align: center;font-size: 20px;}
}

/*---------------------------------add--------------------------------*/
.footer{margin-top:40px;}
.addfooter{background-color: #f8f8f8;margin-bottom: -40px;}
@media (min-width:1000px) {
}
@media (max-width:1000px){
    .wenheight{height: 150px;}
}

.container-ys {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}
.container .container{padding-left:0px;padding-right:0px}
@media (min-width:768px) {.container {width: 100%;}} /*注意媒体查询顺序要从小到大*/
@media (min-width:992px) {.container {width:100%;}}
@media(min-width:1200px) {.container{max-width:1230px;}}
.container-fluid {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}
.row {margin-left: -15px;margin-right: -15px;}
.row  .row {margin-left:0px;margin-right:0px}



